<template>
  <div class="py-75 _bg">
    <div text-center class="text-#fff">
      <h1 text-35 mb-18>立即开启全球支付新体验</h1>
      <div class="text-#fff text-16 mb-38">加入数千家企业，享受安全便捷的支付解决方案</div>
      <div>
        <el-button type="" class="_btn" @click="toRegister">免费注册 立即体验</el-button>
      </div>
    </div>
    <register v-model="registerVisible"></register>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue'
import register from '@/layout/header/register.vue'
const registerVisible = ref(false)
const toRegister = () => {
  registerVisible.value = true
}
</script>

<style scoped lang="scss">
._bg{
  background: linear-gradient(100deg, #66A3FF 0%, #DCEFFB 100%);
}
._btn {
  width: 188px;
  height: 50px;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
  color: #548adb;
  font-size: 14px;
}
</style>
